<template>
    <div class="footer">
        {{word}}
    </div>
</template>

<script>
//底部动态语句
    export default {
        name: 'Footer',
        data() {
            return {
                word: '',
                wordList: [
                    '欢迎━(*｀∀´*)ノ亻!浏览李宝亮的胡蜂养殖。',
                ],
            }
        },
        methods: {
            getWord() {
                this.word = this.wordList[Math.floor(Math.random() * this.wordList.length)];
            },
        },
        watch: {
            $route() {
                this.getWord();
            }
        },
    }
</script>

<style scoped>
    .footer {
        text-align: center;
        line-height: 50px;
        font-size: 16px;
        background-color: #091f37;
        height: 50px;
        color: #fff;
    }
</style>